<template lang='pug'>
  <div class='container'>
    <div class='content'>
      <img src='../../../static/image/result_r.png' class='cont1'>
      <h1>已中奖</h1>
      <div class='cont2'><img src='../../../static/image/know.png'></div>
    </div>
    </div>
  </div>
</template>

<script>
  import $ from "jquery";
import ginsengNav from "./../ginseng_nav";

export default{
  name:'winningResult',
  data(){

  },
  components:{
   
  }
}

</script>

<style scoped>
  .container{
    min-width: 1200px;
    min-height: 968px;
    background-image:url('../../../static/image/ginsengbg2.png');
    background-size: 100% 100%;
  }
  .content{
     width: 374px;
     height: 232px;
    background-image:url('../../../static/image/seedstart.png');
    background-size: 100% 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  h1{
      font-size: 36px;
      text-shadow: 3px 3px 4px #000;
      color: #fff;
      position:absolute;
      left:50%;
      top:30%;
      transform: translate(-50%);
    }
  .cont1{
      position:absolute;
      left:50%;
      top:-12%;
      transform: translate(-50%);
    }
    .cont2{
      position:absolute;
      left:50%;
      bottom:10%;
      transform: translate(-50%);
    }
</style>